<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML>
<!-- 不知道为啥  高度相同就会出现滚动条，需要减去5个像素 -->
<html style="height:calc(100% - 5px);">
<head>
<base href="<%=basePath%>">

<title>室内使用信息</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet" href="js/bootstrap2/css/bootstrap-table.css">
<link rel="stylesheet" href="js/bootstrap2/css/bootstrap.min.css">
<link href="js/select2/select2.min.css" type="text/css" rel="stylesheet" />
<style type="text/css">
.main {
	height: 100%;
}

th {
	color: white;
	background-color: #F08080
}

.table-striped tbody>tr:nth-child(odd)>td {
	background-color: #EDEDED;
}

.table th, .table td {
	text-align: center;
	vertical-align: middle !important;
}

.bootstrap-table {
	width: 100%
}
</style>

<script src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/layui-v2.1.5/layui/layui.all.js"></script>
<script src="js/bootstrap2/js/bootstrap.min.js"></script>
<script src="js/bootstrap2/js/bootstrap-table.js"></script>
<script src="js/bootstrap2/js/bootstrap-table-zh-CN.js"></script>
<script src="js/select2/select2.min.js"></script>
<script type="text/javascript" src="js/sharefunction.js"></script>
<script type="text/javascript">
	
</script>
</head>
<body style="height:100%;">
	<div style="padding:0 10px">
		<!-- 加列表 -->
		<a class="btn btn-danger" onClick='openAddVac()' id="addIndoorButton" hidden="hidden">新增</a>
		<div style="padding-top: 5px;" class="changeTable">
			<table id="table" style="table-layout:fixed">

			</table>
		</div>
		<div class="main" hidden="hidden"
			style="margin-top: 20px;height:350px" id="toAddVac">

			<iframe id="indoor" name="indoor" width="100%"
				style="height:100%;display: block;" frameborder="0"></iframe>
			<!-- 隐藏域 -->
			<input type="hidden" id="sortNum" name="sortNum" value="" /> <input
				type="hidden" id="indoorId" name="indoorId" value="" />
		</div>
		<div style="padding-top: 5px">
			<!-- 信用信息更改字段列表 -->
			<table id="indoorChageTable" ></table>
		</div>
	</div>
	<script type="text/javascript">
			var historyStatus=parent.$("#historyStatus").val();//客户是否历史状态
		$(function() {
			var history = parent.$("#history").val();
			if(history == 'yes'){
				$("#addIndoorButton").remove();
			}
			if(historyStatus==0){
				$("#addIndoorButton").show();
			}else{
				$("#addIndoorButton").hide();
			}
			fkcustomerId = parent.$("#customerId").val();
			fkroomId = parent.$("#roomId").val();
			//先销毁表格  
			//$('#table').bootstrapTable('destroy');  
			//初始化表格,动态从服务器加载数据  
			$("#table").bootstrapTable({
				method : "post", //使用get请求到服务器获取数据  
				url : "roomInfo/getIndoorList", //获取数据的Servlet地址  
				striped : true, //表格显示条纹  
				pagination : true, //启动分页  
				pageSize : 2, //每页显示的记录数  
				pageNumber : 1, //当前第几页  
				pageList : [ 5, 10, 15, 20, 25 ], //记录数可选列表  
				sidePagination : "server", //表示服务端请求  
				contentType : 'application/x-www-form-urlencoded',
				//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
				//设置为limit可以获取limit, offset, search, sort, order  
				queryParamsType : "undefined",
				queryParams : function queryParams(params) { //设置查询参数  
					var param = {
						pageNumber : params.pageNumber,
						pageSize : params.pageSize,
						fkcustomerId : fkcustomerId,
						fkroomId : fkroomId
					};
					return param;
				},
				
				/* 2018/2/26 去掉房号展示
				{
					field : 'roomNum',
					title : '房号',
				},
				*/
				columns : [  {
					field : 'houseType',
					title : '户型',
				}, {
					field : 'roomType',
					title : '房屋类型',
				}, {
					field : 'status',
					title : '使用状态',
					formatter : 'statusFormatter'
				}, {
					field : 'useProperty',
					title : '使用性质',
				}, {
					field : 'opr',
					title : '操作',
					width : '15%',
					formatter : 'actionFormatter'
				} ]
			});
		//初始化表格,动态从服务器加载数据  
		 $("#indoorChageTable").bootstrapTable({
				method : "post", //使用get请求到服务器获取数据  
				url : "roomInfo/getIndoorChangeList", //获取数据的Servlet地址  
				striped : true, //表格显示条纹  
				pagination : true, //启动分页  
				pageSize : 2, //每页显示的记录数  
				pageNumber : 1, //当前第几页  
				pageList : [ 5, 10, 15, 20, 25 ], //记录数可选列表  
				sidePagination : "server", //表示服务端请求  
				contentType : 'application/x-www-form-urlencoded',
				//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
				//设置为limit可以获取limit, offset, search, sort, order  
				queryParamsType : "undefined",
				queryParams : function queryParams(params) { //设置查询参数  
					var param = {
						pageNumber : params.pageNumber,
						pageSize : params.pageSize,
						fkcustomerId : fkcustomerId,
						fkroomId : fkroomId
					};
					return param;
				},
				columns : [ {
					field : 'createtime',
					title : '修改时间',
					width : '15%',
					formatter:indoorDataFormat
				}, {
					field : 'fieldname',
					title : '修改字段',
					width : '7%'
				}, {
					field : 'changebefore',
					title : '修改前数据',
					width : '25%',
					formatter:showText	
				}, {
					field : 'changeafter',
					title : '修改后数据',
					width : '25%',
					formatter:showText	
				}, {
					field : 'adduser',
					title : '修改人',
					width : '7%',
				}, {
					field : 'remarks',
					title : '变更说明',
					width : '21%',
					formatter:showText	
				} ]
			}); 
		});
		//日期格式化
		function indoorDataFormat(value, row, index) {
			return new Date(row.createtime).format("yyyy-MM-dd hh:mm:ss");
		}
		
		//表格-操作 - 格式化 
		function actionFormatter(value, row, index) {
			var history = parent.$("#history").val();
			var html="<a class='btn btn-info' onClick='showIndoor(\"" + row.indId + "\")'>查看</a>";
			if(history != 'yes'){
				<shiro:hasPermission name="permission:edit"> 
					if(historyStatus==0){
						html +="&nbsp;&nbsp;<a class='btn btn-info' onClick='editIndoor(\"" + row.indId + "\")'>修正</a>";
					}
				</shiro:hasPermission> 
				<shiro:hasPermission name="permission:delete"> 
					if(historyStatus==0){
						html +="&nbsp;&nbsp;<a class='btn btn-warning' onClick='delIndoor(\"" + row.indId + "\")'>删除</a>";
					}
				</shiro:hasPermission>  
			}
			return html;
		}
		//编辑房间信息
		function editIndoor(id) {
			$("#toAddVac").show();
			$("#toAddVac").find("[name='indoorId']").val(id);
			$("iframe[id='indoor']").attr("src", "roomInfo/toAddIndoorManage?id=" + id +"&indoorFlag=2");
	
		}
		//查看房间信息
		function showIndoor(id) {
			$("#toAddVac").show();
			$("#toAddVac").find("[name='indoorId']").val(id);
			$("iframe[id='indoor']").attr("src", "roomInfo/toAddIndoorManage?id=" + id +"&indoorFlag=1");
	
		}
		//格式化房间使用状态
		function statusFormatter(value, row, index) {
			//房间状态 0：空置 1：再用
			var roomStatus = row.roomStatus;
			if (row.roomStatus == "0") {
				return '空置';
			} else {
				return '在用';
			}
		} 
	
	
		function openAddVac() {
			$("#toAddVac").show();
			$("iframe[id='indoor']").attr("src", "roomInfo/toAddIndoorManage");
		}
		//删除室内使用信息
		function delIndoor(id) {
			layer.confirm('确定删除该条信息吗？', {
				btn : [ '确定', '取消' ] //按钮
			}, function() {
				//点击确定时，删除该条数据
				$.ajax({
					url : "roomInfo/delIndoorMsg", //请求的url地址
					async : true, //请求是否异步，默认为异步
					data : {
						"id" : id
					}, //参数值
					type : "GET", //请求方式
	
					success : function(req) {
						if (req.success) {
							layer.msg("删除成功",{anim: 5, time:1500},function(){
								location.reload();
							});
							
						}
					}
				});
			}, function() {
				layer.close();
			});
	
		}
	</script>
</body>
</html>